@charset "utf-8";
html {
  font-family: Microsoft YaHei,Helvetica,sans-serif,Verdana, Arial;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  font-size:24px;
  color:#4a4a4a;
  background: #eee;
}
body {
  font-family: Microsoft YaHei,Helvetica,sans-serif,Verdana, Arial;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  font-size:24px;
  color:#4a4a4a;
  font-size:24px;
  overflow-x:hidden;
}
*{
  margin: 0;
  padding:0;
}
::-webkit-input-placeholder{
  color:#ced3d6;
}
::-moz-placeholder{
  color:#ced3d6;
}
:-moz-placeholder{
  color:#ced3d6;
}
img{
  display: block;
  border:0;
  width:100%;
  vertical-align:middle;
}
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='number'],
input[type='tel'],
input[type='search'],
input[type='password'],
input[type='text']
{
  -webkit-appearance: none;
  outline:none;
  border:solid 1px #4a4a4a;
}
button{
  -webkit-tap-highlight-color:transparent;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline:none;
  background: none;
  border:0;
}
input::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
a{
  text-decoration: none;
  -webkit-tap-highlight-color:transparent;
  color:#4a4a4a
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
ol,ul,dl{
  list-style: none;
}
em,i{
  font-style: normal;
}
.hide{
  display: none;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.tc{
  text-align: center;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.dis_b{
  display:block;
}
.dis_l{
  display:inline-block;
}
.pos_a{
  position: absolute;
}
.pos_r{
  position: relative;
}
.pos_f{
  position: fixed
}
.strong100{
  font-weight: 100
}
.clearfix:after{
  content: ".";
  display: block;
  clear:both;
  height:0;
  visibility: hidden;
}
.hidden{
  display:none;
}
.wrap{
  /*padding: 0 20px;*/
}

/*字号*/
.ft30{
  font-size: 30px;
}
/*站位*/
.stance{
  height:80px;
  width: 100%
}
/*边距*/
.pad10{
  padding: 10px;
}
.pad20{
  padding: 20px;
}
.pad40{
  padding: 40px;
}
.mar_r20{
  margin-right: 20px;
}
.mar_b20{
  margin-bottom: 20px;
}
.mar_t20{
  margin-top: 20px;
}

/*颜色*/
.col4a{
  color:#4a4a4a;
}
.colfff{
  color:#fff;
}
/*红色*/
.cold4{
  color:#dd4450;
}
/*粉红*/
.colf6d{
  color:#ff6d70;
}

/*字号*/
.ft14{
  font-size: 14px;
}
.ft26{
  font-size: 26px;
}
.ft24{
  font-size: 24px;
}
.ft28{
  font-size: 28px;
}
.ft32{
  font-size: 32px;
}
.ft35{
  font-size: 35px;
}
.ft36{
  font-size: 36px;
}
.ft45{
  font-size: 45px;
}

.ft72{
  font-size: 72px;
}
/*弹性盒子*/
.flex{
  display: flex;
  display: -webkit-box;
}
.flex .childBox{
  flex-grow: 1;
  -webkit-box-flex:1;
  width: 0;
  display: block;
}
.flex .childBox2{
  flex-grow: 2;
  -webkit-box-flex:2;
  width: 0;
  display: block;
}
.flex .childBox3{
  flex-grow: 3;
  -webkit-box-flex:3;
  width: 0;
  display: block;
}
.box_s{
  box-sizing:border-box;
}

/*footer*/
.footer{
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.footer p{
  border:1px solid #ccc;
  height: 60px;
  line-height: 60px;
}
.footer p a{
  color:#666;
}
.footer p a:not(:last-child){
  border-right: 1px solid #ccc
}


#mask_img > div {
  position:fixed;
  top:50%;
  left:50%;
  margin-left:-15px;
  margin-top:-15px;
}
#mask_img{
  z-index:200;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index: 10;
  background:#000;
  opacity:0.3;
}
#pic_loding{
  position: fixed;
  left:50%;
  top:50%;
  margin-left:-34.5px;
}
#pic_loding img{
  width: 40px;
  margin-left:10px
}

/*密码弹出输入*/
.pawWrap {
  width: 100%;
  height: 370px;
  background: #fff;
  position: fixed;
  bottom: 0px;
  z-index: 1000000;
  left:0;
  /*bottom:40%;*/
}

/*.pawWrap .tit {
  border-bottom: 1px solid #ccc;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin-bottom: 15px;
  padding: 0 15px;
  font-size: 18px;
}*/
.pawWrap .tit {
  border-bottom: 1px solid #ccc;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 15px;
  padding: 0 15px;
  font-size: 32px;
}
.pawWrap .tit em {
  font-size: 16px;
  color: #666;
}

.pawInp {
  margin-left: 206px;
  padding-left: 1px;
  position: relative;
  z-index: 10;
  border-bottom: none;
}

.pawInp .paw_num {
  /*width: 265px;*/
  width: 355px;
  /*height: 45px;*/
  height: 60px;
  color: #666;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
  opacity: 1;
  background: none;
  z-index: 1;
  /*letter-spacing: 34.5px;*/
  /*letter-spacing: 28.5px;*/
  text-indent: 22px;
  font-family: "Microsoft YaHei";
  /*font-size:12px;*/
}

.pawInp .fake_box span {
  width: 1px;
  height: 60px;
  /*height: 45px;*/
  background: #ccc;
  position: absolute;
  top: 0;
}

.pawInp .fake_box span:nth-of-type(1) {
  left: 58px;
  /*left: 47px;*/
}

.pawInp .fake_box span:nth-of-type(2) {
  left: 115px;
  /*left: 90px;*/
}

.pawInp .fake_box span:nth-of-type(3) {
  /*left: 134px;*/
  left: 175px;
}

.pawInp .fake_box span:nth-of-type(4) {
  left: 237px;
  /*left: 179px;*/
}

.pawInp .fake_box span:nth-of-type(5) {
  /*left: 220px;*/
  left: 297px;
}

.paw_bg {
  position: fixed;
  background: #666;
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
/*弹出验证提示框*/
.alertTip{
  display: none;
}
.alertTip .tip_con{
  /*position: absolute;*/
  position: fixed;
  left:0;
  /*top:250px;*/
  /*top:0;*/
  z-index:10;
  font-size: 36px;

}
.alertTip .tip_con p{
  padding:5px 20px;
  color:#fff;
  background-color:rgba(51,51,51,0.7);
  border-radius:6px;
  text-align: center;
}
.alertTip .alert_bg{
  position: fixed;
  top:0;
  left: 0;
  background-color: rgba(255,255,255,0);
  /*background-color: rgba(87,87,87,0.5);*/
  width:100%;
  height:100%;
  z-index:100;
}

@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:36px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;

}
.iconfont.iconfont_s{
  font-size:40px;
}
/*footer-begin*/
.footer{
  min-width: 320px;
  position: fixed;
  bottom:0;
  left:0;
  background: #fafafa;
  padding:10px 0;
  /*height:35px;*/
  text-align: center;
  width:100%;
  z-index: 100000;
}
.footer ul{
  width: 100%;
  display: table;
}
.footer ul li{
  /*display: table-cell;
  width: 25%*/
}
.footer ul li.abs{
  position: relative;
}
.footer ul li.abs a{
  position: absolute;
  top:0;
  left:0
}
.footer a{
  color:#a3a8ab;
}
.footer a.goFund{
  border-radius:35px;
  color: #fff;
  background-color: #ff6d6f;
  height: 100%;
  line-height: 40px;
  text-align: center;
  font-size:16px;
}

.footer a i{
  display: block;
  text-align: center;

}
i[class^="icon_"]{
  display: inline-block;
}
i.icon_income{
  background-position: 0px -36px;
}
i.icon_purse{
  background-position: -15px -36px;
}
i.icon_center{
  background-position: -29px -36px;
}
i.icon_close{
  display: inline-block;
  vertical-align: middle;
  width:17px;
  height:17px;
  background-position: -67px -138px;
}
/*渐变背景*/
.bgGradient{
  /* background:linear-gradient(to right,rgba(255,121,68,1),rgba(255,45,70,1)); */
  background:linear-gradient(to right,rgb(20, 180, 255),rgb(63, 219, 255))
}
